<template>
  <div>
    <TypeNav></TypeNav>
    <ListContainer></ListContainer>
    <Recommend></Recommend>
    <Rank></Rank>
    <Like></Like>
    <Floor v-for='floorItem in floorList' :key='floorItem.id' :floorItem='floorItem' :cname="'floor_swiper'+floorItem.id"></Floor>
    <!-- <Floor></Floor> -->
    <Brand></Brand>
  </div>
</template>

<script>
// import TypeNav from './TypeNav'因为现在是全局组件，所以不需要引入了。
import ListContainer from './ListContainer'
import Recommend from'./Recommend'
import Rank from'./Rank'
import Like from'./Like'
import Floor from'./Floor'
import Brand from'./Brand'
import {mapState} from 'vuex'
export default {
name:'Home',
components:{
  ListContainer,
  Recommend,
  Rank,
  Like,
  Floor,
  Brand,
},
computed:{
  ...mapState('home',['floorList'])
},
mounted(){
  this.$store.dispatch('home/addfloorlist')
},
}
</script>

<style>

</style>